<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>{$data.title}_{$data.title}的做法_烘焙圈</title>
	<meta name="keywords" content="{$data.title},{$data.title}的做法,{$data.title}的制作方法,{$data.title}图片大全"/>
	<meta name="description" content="{$data.nickname}在烘焙圈分享了{$data.title}的做法，而且通过图文并茂的方式，详细说明了制作{$data.title}所用时间、用料、步骤、窍门，烘焙圈导师和作者通过留言互动方式，为烘焙爱好者解答{$data.title}制作过程中遇到的烘焙问题。"/>
	
    <link rel="stylesheet" href="__CSS__/global.css" />
    <link rel="stylesheet" href="__CSS__/yf.css" />
    <link rel="stylesheet" type="text/css" href="__COMMJS__/yf_photo/photo.css" />
    <Admintemplate file="Home/Public/global_js"/>
    <script src="__JS__/jquery.min.js"></script>
	<script type="text/javascript" src="__JS__/jquery.SuperSlide.2.1.1.js"></script>

</head>
<body>
<div class="b-page">
	<include file="Public:header" />
	<div class="n-div-bdy">
		<div class="b-zuopin__body">
			<div class="b-zuopin__left">
				<div class="b-zuopinTitle" style="padding-top:10px;">{$data.title}</div>
				<div class="b-zuopinPic yf-img" data-img="{$data.thumb}" data-thumb="{$data.pic}" data-title="{$data.title}">
					<div style="width: 600px;height: 400px;background-image: url(__FILESURL__{$data.image});background-repreat: no-repreat;background-position: center;background-size: cover;"></div>
					<div class="yf-view">
						<span class="yf-view-img"></span>
						<span class="yf-view-span">{$data.pic_num}&nbsp;张图片</span>
					</div>
				</div>
				<div class="b-zuopinInfo" style="margin-top:12px; height:40px; position:relative;">
					<img src="__IMAGES__/icon_quanzi_view.png" class="pic_mid"><span>浏览{$data.clicknum}次</span>
					<span class="b-zuopinInfo__line">|</span>
					<i class="b-messageIcon pic_mid"></i><span>{$data.msgnum}</span>
					<span class="b-zuopinInfo__line">|</span>
					<i class="b-dingIcon pic_mid"></i><span>{$data.goodnum}</span>
					<span class="b-zuopinInfo__line">|</span>
					<i class="b-caiIcon pic_mid"></i><span>{$data.badnum}</span>
					<span class="b-zuopinInfo__line">|</span>
					<div id="bd-share"><i class="b-fenxiangIcon pic_mid"></i>分享
						<!-- bd-sharing begin -->
						<div class="bdsharebuttonbox bd-share-code">
							<a href="#" rel="nofollow" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
							<a href="#" rel="nofollow" class="bds_douban" data-cmd="douban" title="分享到豆瓣网"></a>
							<a href="#" rel="nofollow" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>
							<a href="#" rel="nofollow" class="bds_duitang" data-cmd="duitang" title="分享到堆糖"></a>
							<a href="#" rel="nofollow" class="bds_huaban" data-cmd="huaban" title="分享到花瓣"></a>
							<a href="#" rel="nofollow" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
						</div>
						<script>
							window._bd_share_main = undefined;
							window._bd_share_config = {
								common : {
									bdText : '{$data.title}',
									bdDesc : '{$data.content|str_cut=50}',
									bdUrl : '__WEBURL__/works/{$data.workid}',
									bdPic : '__FILESURL__{$data.image}'
								},
								share : {
									"bdSize" : 24
								}
							}
							with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?cdnversion='+~(-new Date()/36e5)];
						</script>
					</div>
						<!-- bd-sharing end -->
						
					<div class="b-zuopinZancai">
						<if condition="$digtype.id gt 0">
							<a data-url="do/canceldig/" class="R_ajax_trip" data-info="infoid,{$data.workid}">
								 <if condition="$digtype.digtype eq 1">
								取消点赞
								<else/>
								取消差评
								</if>
							</a>
						<else/>
						<a data-url="do/adddig/" class="R_ajax_trip" data-info="infoid,{$data.workid}~digtype,0">一般</a>
						<a data-url="do/adddig/" class="R_ajax_trip" data-info="infoid,{$data.workid}~digtype,1">点赞</a>
						</if>
					</div>
				
				</div>
				<div class="b-zuopinJianjie">
					<div class="b-zuopinTitle b-zuopinTitle-jj" style="font-size:18px">简介</div>
					<div class="b-zuopinJianjie__text">
						{$data.content|nl2br}
					</div>
				</div>
				<div class="b-zuopinYongliao">
					<div class="b-zuopinTitle noborder b-zuopinTitle-yl" style="font-size:18px">用料</div>
					<div class="yf-zuopinYongliao-ul">
					<foreach name="data.WorksMaterials" item="wm">
						<if condition="$key%2 eq 0">
							<div class="yf-zuopinYongliao-li">
								<p class="yf-zuopinYongliao-p">{$wm.mname}<span>{$wm.mvalue}</span></p>
							</div>
						</if>
						<if condition="$key%2 neq 0">
							<div class="yf-zuopinYongliao-li yf-zuopinYongliao-right">
								<p class="yf-zuopinYongliao-p">{$wm.mname}<span>{$wm.mvalue}</span></p>
							</div>
						</if>
					</foreach>	
					<if condition="$data.WorksMaterials_count % 2 neq 0">
						<div class="yf-zuopinYongliao-li yf-zuopinYongliao-right">
							<p class="yf-zuopinYongliao-p">&nbsp;<span>&nbsp;</span></p>
						</div>
					</if>
						<div class="yf-clear"></div>
					</div>
				</div>
				
				<div class="b-zuopinZuofa">
					<div class="b-zuopinTitle b-zuopinTitle-zf" style="font-size:18px;">{$data.title}的做法步骤</div>
					<div class="b-zuopinZuofa__list">
						<foreach name="data.WorksMakestep" key="k" item="wms">
							<div class="n-bu-zo">
								<div class="bu-zo-img"><img src="__FILESURL__{$wms.simage}"></div>
								<div class="bu-zo-txt">{$k+1}.{$wms.scontent}</div>
								<div class="yf-clear"></div>
							</div>
						</foreach>
				
					</div>
				</div>
				<!-- zuopinTips -->
				<if condition="$data.note neq ''">
				<div class="b-zuopinTips">
					<div class="b-zuopinTips__title">小贴士</div>
					<div class="b-zuopinTips__text">
						{$data.note|nl2br}
					</div>
				</div>
				</if>
				<!-- zuopinTips -->
				<div class="n-cap-sy">
					<if condition="$data.copynum gt 0">大家参照这个菜谱做的 <a  href="__WEBURL__/copy/clist?wid={$data.workid}" class="rd-cr n-gd">（更多）</a></if>
					<a  href="__WEBURL__/user/bake/copyadd?wid={$data.workid}" class="cap-shanc">上传参考作品</a>
					<if condition="$data.copynum gt 0">
					<div class="cap-sy-zs">
						<ul class="cap-sy-ul">
							<foreach name="copylist" item="cl">
							<li> 
								<div class="sy-ul-img"><a  href="__WEBURL__/copy/{$cl.workid}"><img src="__FILESURL__/{$cl.image}"></a></div>
								<div class="ul-at" style=" bottom:20px; left:60px;"><a  href="__WEBURL__/u/{$cl.openuid}"><img src="{$cl.uavatar|getUavatar}"></a></div>
								<div class="ul-tit" style="margin-top:10px;">
									<p class="tit-ne"><a  href="__WEBURL__/copy/{$cl.workid}">{$cl.title|str_cut=20}</a></p>
								</div>
							</li>
							</foreach>
						</ul>
						<div class="clear"></div>
						<div class="cap-sy-rt prev" >&gt;</div>
						<div class="cap-sy-lt next" >&lt;</div>
					</div>
					</if>
				
					
					
					
					
				</div>
				<div class="b-zuopinView">
				<div class="b-popLeftZan__title">{$data.goodnum} 赞</div>
				<div class="b-zuopinView__list">
					<foreach name="diglist" item="dl">
						<a href="__WEBURL__/u/{$dl.openuid}" class="b-zuopinView__item">
							<img class="l-full" src="{$dl.uavatar|getUavatar}" alt="">
							<i class="b-popOtherZuopin__itemMask"></i>
						</a>
					</foreach>
					
				</div>
			</div>
			
			<div class="g-bbs">
					<h2 class="g-bbs-ti">{$data.title}的评论({$msgcount}个)</h2>
					<div class="b-zyn">
					  <if condition="$userid neq ''">
						<a href="__WEBURL__/u/{$userinfo.openuid}" class="b-zyn__pic">
							<img class="l-full" src="{$userinfo.uavatar|getUavatar}" alt="">
						</a>
					   <else/>
						<a href="javascript:void(0);" class="b-zyn__pic">
							<img class="l-full" src="/static/home/images/default_touxiang.jpg" alt="">
						</a>
					   </if>				   
					   	<form onSubmit="return false">
							<textarea name="content" id="content" cols="30" title="评论至少3个字! " required data-len="3" rows="10" class="b-texte"></textarea>
							 <input type="hidden" id="infoid" value="{$data.workid}"/>
                   			 <input type="hidden" id="msgType" value="1"/>
							<button class="b-btn" id="sendMsg_btn" >评论</button>
						</form>
	
					</div>
					<div class="g-bbs-div">
						<include file="Public:msglist" />
					</div>
					
				</div>

				
			</div>
			<div class="b-zuopin__right">
				<div class="b-zuopinUser">
					<a href="__WEBURL__/u/{$data.openuid}" class="b-zuopinUser__pic mask">
						<img src="{$data.uavatar|getUavatar}" alt="">
						<i class="b-popOtherZuopin__itemMask"></i>
					</a>
					<div class="b-zuopinUser__name">
						<a href="__WEBURL__/u/{$data.openuid}">{$data.nickname}烘焙圈</a>
						<if condition="$data.ifrz eq 1">
						<a href="__WEBURL__/us/renzheng.html"><i class="b-renzhengIcon pic_mid"></i></a>
						</if>
					</div>
					<div class="b-zuopinUser__shejiao">
						<a href="{$data.uweibo}" target="_blank" class="b-zuopinUser__shejiaoItem" style="margin-right:5px;">
							<span>新浪微博</span>
							<i class="b-shareIcon pic_mid"></i>
						</a>
						<a href="{$data.uqqzone}" target="_blank" class="b-zuopinUser__shejiaoItem">
							<span>QQ空间</span>
							<i class="b-qqzoneIcon pic_mid"></i>
						</a>
					</div>
				</div>
				
				   <!-- zuopinPingfen -->
					<div class="b-zuopinPingfen">
						<div class="b-zuopinPingfen__left">
							<p class="b-zuopinPingfen__p1">{$dig.digavg}</p>
							<p class="b-zuopinPingfen__p2">综合评分</p>
						</div>
						<div class="b-zuopinPingfen__right">
							<p><span>大家对这个作品的评价</span><b>({$digallnum}份)</b></p>
							<p class="b-zuopinPingfen__l1">
								<span class="b-zuopinPingfen__l2">好极了</span>
								<span class="b-zuopinPingfen__l3"><i class="i1" style="width: {$dig.goodprecent}px"></i></span>
								<span class="b-zuopinPingfen__l4">{$data.goodnum}</span>
							</p>
							<p class="b-zuopinPingfen__l1">
								<span class="b-zuopinPingfen__l2">一般</span>
								<span class="b-zuopinPingfen__l3"><i class="i3" style="width: {$dig.badprecent}px"></i></span>
								<span class="b-zuopinPingfen__l4">{$data.badnum}</span>
							</p>
						</div>
					</div>
					<!-- zuopinPingfen -->
					  <!-- zuopinShoucang -->
						<div class="b-zuopinShoucang">
							<if condition="$favoritenum gt 0">
								<a data-url="do/cancelfavorite/" class="R_ajax_link b-zuopinShoucang__btn" data-info="infoid,{$data.workid}">取消收藏</a>
								<else/>
								<a data-url="do/addfavorite/" class="R_ajax_link b-zuopinShoucang__btn" data-info="infoid,{$data.workid}">我要收藏</a>
							</if>
							
						</div>
						<!-- zuopinShoucang -->
						  <foreach name="rightad" item="ra">
							<a href="__FILESURL__{$ra.linkurl}" class="b-slideAdvert"><img src="__FILESURL__{$ra.image}"></a>
						</foreach>
						
						<div class="n-de-pf">
							<div class="de-pf-titl">十大热门配方<a href="/dongtai" class="rd-cr n-gd">（更多）</a></div>
							<div class="de-pf-dv">
								<ul class="pf-dv-ul">
									<foreach name="rmdatse" item="cl">
									<if condition="$key eq 0">
									 <div class="n-pf-on">
									 	<div class="on-img"><a href="/works/{$cl.workid}"><img src="{$cl.image}"></a></div>
										<div class="on-txt">
											<p><a href="/works/{$cl.workid}">{$cl.title|str_cut=10}</a></p>
											<p>{$cl.content|str_cut=25}...</p>
										</div>
									 </div>
									<else/>
									<li><a href="/works/{$cl.workid}">{$cl.title}</a></li>
									</if>
									</foreach>
													
									</ul>
							</div>
						</div>
			
			</div>
		</div>
	</div>
	<include file="Public:footer" />
</div>
<div id="yf-show"></div>
<script src="__JS__/index.js"></script>
<script src="__JS__/jquery.common.js?v=20150101"></script>
<script src="__JS__/jquery.doajax.js"></script>
<script src="__COMMJS__/yf_photo/photo.js"></script>
<script>
    $(document).ready(function(){

        $("#bd-share").mouseover(function(e){
            e.preventDefault();
            $(".bd-share-code").slideDown(500);
        });
        $(".bd-share-code").mouseleave(function(){
            $(this).slideUp(500);
        });

        $('.b-dongtaiItem').each(function(i,val){
            if(i%3==0) $(this).addClass('b-dongtaiItem_first');
        });
        $('.yf-img').yf_photo();
    });
	
	jQuery(".cap-sy-zs").slide({ mainCell:"ul", effect:"leftLoop", vis:3, autoPlay:true, interTime:1000, switchLoad:"_src" });
</script>
</body>
</html>